@import "../../style/public";
.SMSVerification {
    .text-info {
        color: #a5a5a5;
        background: #fff;
        @include remCalc(font-size, 26);
        @include remCalc(padding, 26);
        line-height: 1.5;
    }
    .form {
        @include remCalc(margin, 20, auto, 60, auto);
        background: #fff;
        @include remCalc(font-size, 28);
        li {
            @include remCalc(padding, 0, 30,0,0);
            @include remCalc(height, 90);
            @include remCalc(line-height, 90);
            display: flex;
            @include thin-border(true,false);
            span {
                @include remCalc(font-size, 30);
                color: #333;
                @extend %flex-item;
            }
            >input {
                height: 100%;
                color: #7e7e7e;
                text-align: right;
                @include remCalc(width, 180);
                @include remCalc(padding-right, 30);
            }
            .zhk-list_gb {
                @include remCalc(padding, 30, 0, 30, 20);
                @include remCalc(top, 0);
                @include remCalc(margin-left, -30);
                @include remCalc(right, 10);
            }
            .getCode {
                text-align: center;
                color: $color-red;
                @include remCalc(width, 200);
                position: relative;
                @include remCalc(top, 2);
                background: transparent;
                &.disabled {
                    color: #d9d9d9 !important;
                }
                &:before {
                    content: '';
                    @include remCalc(height, 40);
                    @include remCalc(top, 25);
                    border-left: 1px solid $color-border;
                    position: absolute;
                    left: 0;
                }
            }
        }
    }
}
